html，body{
    width: 100%;
    height: 100%;
    background-color: #f7f8fc;
    box-sizing: border-box;
}
/* 注册上 */
#zc{
    width: 100%;
    height: 920px;
    background-color: #f2f3f7;
}
.zc-c{
    width: 1190px;
    height: 920px;
    margin: 0 auto;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
/* logo */
.zc-c .zct{
    width: 1190px;
    height: 46px;
    position: absolute;
    top:50px;
    left: 0;
}
.zct>h1{
    width: 840px;
    height: 46px;
    position: absolute;
    top:0px;
    left:175px;
}
.zct>h1 img{
    width:112px;
    height: 46px;
}

/* 表单 */
.zc-c .zcb{
     width: 1190px;
    height: 750px;
    position: absolute;
    top: 130px;
    left:0px;
}
form{
    width: 840px;
    height: 736px;
    background-color: #fff;
    position: absolute;
    left: 175px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    
}
/* 注册头 */
form .zc-tit{
    width: 402px;
    height:86px;
    position: absolute;
    top: 58px;
    left: 218px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zc-tit p{
    width: 290px;
    height: 40px;
    line-height: 40px;
    font-size: 34px;
    text-align: center;
    color: #000;
}
.zc-tit span{
    width: 310px;
    height: 20px;
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
    text-align: center

}

/* 注册方式 */
form .zc-fs{
   width: 402px;
   height: 52px;
   position: absolute;
   top: 160px;
   left: 218px;
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}
.zc-fs p{
    width: 200px;
    height: 52px;   
}
.zc-fs p a{
    width: 200px;
    height: 52px;   
}

.zc-fs p:first-child{
    width: 200px;
    height: 52px; 
    background: #d72120;
    color: #fff;
    line-height: 52px;
    text-align: center;
}
.zc-fs p:first-child a{
    width: 200px;
    height: 52px; 
       color: #fff;
    line-height: 52px;
    text-align: center;
}

.zc-fs p:last-child{
    width: 200px;
    height: 52px; 
    background: #e4e4e4;
    color: #767676;
    line-height: 52px;
    text-align: center;
}
.zc-fs p:last-child a{
    width: 200px;
    height: 52px; 
       color: #767676;
    line-height: 52px;
    text-align: center;
}
/*  注册验证*/
form .zc-ip{
    width: 402px;
    height: 442px;
    position: absolute;
    left: 218px;
    top: 234px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.zc-ip input{
    width: 402px;
    height: 34px;
    color: #a3a3a3;
    border: 1px solid #a3a3a3;
    outline: none;
    text-indent: 12px;
}

/* 验证码 */
.zc-ip .yz{
    width: 402px;
    height: 34px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

.zc-ip .yz input{
    width: 252px;
    height: 34px;
}
.zc-ip .yz button{
    width: 142px;
    height: 34px;
    color: #727272;
    outline: none;
    border:1px solid #a3a3a3;
}

/* 免费注册 */
.zc-ip .mz{
    width: 402px;
    height: 34px;
    background-color: #ed1918;
}
.zc-ip .mz p{
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    text-align: center;
}
.zc-ip .mz p a{
    font-size: 16px;
    color: #fff;
}
/* 已经有 */
.zc-ip .yt{
    width: 402px;
    height: 34px;
    border: 1px solid #a3a3a3;
}
.zc-ip .yt p{
    font-size: 16px;
    color: #6e6e6e;
    line-height: 34px;
    text-align: center;
}
.zc-ip .yt p a{
    font-size: 16px;
    color: #6e6e6e;
}











/* 注册下 */
#end{
    width: 100%;
    height:200px;
   background-color: #f5f5f5;
}
.endc{
    width: 1190px;
    height:200px;
    margin: 0 auto;
    position: relative;
}
.endc ul{
    width:1190px;
    height: 30px;
    position: absolute;
    left: 124px;
    top: 20px;
  
}
.endc ul li{
    width: 80px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #8a8a8a;
    float: left;

   
}
.endc ul li:nth-child(1){
     border-right: 1px solid #c1c2c1;
     
}

.endc ul li:nth-child(3){
     border-right: 1px solid #c1c2c1;
     border-left: 1px solid #c1c2c1;
}

.endc ul li:nth-child(5){
     border-right: 1px solid #c1c2c1;
     border-left: 1px solid #c1c2c1;
     width: 120px;
     height: 20px;
}
.endc ul li:nth-child(6){
     width: 120px;
     height: 20px;
}
.endc ul li:nth-child(7){
     border-right: 1px solid #c1c2c1;
     border-left: 1px solid #c1c2c1;
      width: 120px;
     height: 20px;
}
.endc ul li:nth-child(9){
     border-right: 1px solid #c1c2c1;
     border-left: 1px solid #c1c2c1;
}

.endc ul li a{
    width: 80px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #474747;
   
}
.endc ul li a:hover{
    width: 80px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: red;
   
}

.endc p{
    width: 1150px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
   position: absolute;
   top: 60px;
   left: 20px;
   color: #8a8a8a;
}
.endc span{
    width: 400px;
   height: 16px;
   font-size: 12px;
    line-height: 16px;
    text-align: center;
   position: absolute;
   top: 80px;
   left: 395px;
   color: #8a8a8a;
}


.endc .endc-t{
    width: 120px;
    height: 50px;
    position: absolute;
    top: 120px;
    left: 535px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.endc .endc-t>img{
    width: 120px;
    height: 50px;
}
